<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Form</title>
<link rel="stylesheet" type="text/css" href="stylesheets/style.css" />
<link rel="stylesheet" type="text/css" href="stylesheets/scubaformcss.css" />

	<script language="JavaScript" src="javascripts/prototype.js"></script>
	<script language="JavaScript" src="javascripts/scriptaculous.js"></script>
	<script type="text/javascript" src="javascripts/builder.js"></script>
	<script type="text/javascript" src="javascripts/effects.js"></script>
	<script type="text/javascript" src="javascripts/dragdrop.js"></script>
	<script type="text/javascript" src="javascripts/controls.js"></script>
	<script type="text/javascript" src="javascripts/slider.js"></script>
	<script type="text/javascript" src="javascripts/function.js"></script>
</head>

<body>

<div class="top">
<input type="button" class="save" value="Save" id="save" onclick="save();" />
</div>

<div class="bodyarea">
<div class="left"> <div class="left-option"> 
<h5>Add Question</h5>
 <div class="reqfield">
      <label id="lblpass" class="label4" for="qt">Question:</label>
      <input name="qt" id="qt" class="textbox4" type="text" onkeyup="findQues();" onblur="hideQues();"/> 
      
      <div class="suggest" id="suggest" > ssssssss</div>
    </div>
	
<br/>
	<input type="button" value="Add Q" onclick="addEElemet();"/>
	
</div></div>
<div class="right">
<div class="title">
<input type="text" class="titleIn" id="title" onfocus="titleplus();" onblur="titleminus();"/>
</div>

<div class="question">
<fieldset>
<div class="container2">

 <div class="reqfield">
      <label id="lblpass" class="label2" for="Qtitle">Question Title:</label>
      <input name="Qtitle" id="qtitle" class="textbox" type="text"/> 
    </div>
    
     <div class="optfield">
      <label id="lblpass" class="label2" for="helpT">Help Text:</label>
      <input name="helpT" id="helpT" class="textbox" type="text" /> 
    </div>
     <div class="reqfield">
      <label id="lblpass" class="label2" for="type">Question Type:</label>
      <select class="cselect" id="type">
      <option value="1">TextField</option>
      <option value="2">TextArea</option>
      <option value="3">Password</option>
      <option value="4">Checkboxes</option>
      <option value="5">Radio options</option>
      <option value="6">Select From a List</option>
      </select>
      
    </div>
    <div class="reqfield">
      <label id="lblpass" class="label2" for="reqd">Required:</label>
      <input type="checkbox" name="reqd" value="reqd" id="reqd"/> 
    </div>
    <div id="subsec">
    <div class="reqfield">
      <label id="lblscatname" for="scat" class="label2" >1.:</label>
    <input name="t1" id="t1" class="textbox" type="text"/></div><input type="hidden" name="max" id="max" />
    <div id="modifiable"></div>
        <div align="center">  <a href="#" id="newadd">Add Choice</a>&nbsp;
    
 		<a href="#" id="remlink" >remove choice</a>
	</div> 

    </div>
    
    <div class="submit" >
      <input type="button" value="Add" id="add" onclick="addElement();"/>
    </div>
    
    </div>
    </fieldset>
</div>
<h2>Your Form</h2>
<div class="createdF" id="createdF">


</div>
<div class="editPop" id="edit">


<div class="container2">

 <div class="reqfield">
      <label id="lblpass" class="label2" for="qtitleE">Question Title:</label>
      <input name="QtitleE" id="qtitleE" class="textbox" type="text"/> 
    </div>
    
     <div class="optfield">
      <label id="lblpass" class="label2" for="helpT">Help Text:</label>
      <input name="helpTE" id="helpTE" class="textbox" type="text" /> 
    </div>
     <div class="reqfield">
      <label id="lblpass" class="label2" for="typeE">Question Type:</label>
      <select class="cselect" id="typeE">
      <option value="1">TextField</option>
      <option value="2">TextArea</option>
      <option value="3">Password</option>
      <option value="4">Checkboxes</option>
      <option value="5">Radio options</option>
      <option value="6">Select From a List</option>
      </select>
      
    </div>
    <div class="reqfield">
      <label id="lblpass" class="label2" for="reqd">Required:</label>
      <input type="checkbox" name="reqdE" value="reqd" id="reqdE"/> 
    </div>
    <div id="subsec2">
    <div class="reqfield">
      <label id="lblscatname" for="e1" class="label2" >1.</label>
    <input id="e1" name="e1" class="textbox" type="text"/></div><input type="hidden" name="id" id="id" />
    <div id="modifiable2"></div>
        <div align="center">  <a href="#" id="newadd2">Add Choice</a>&nbsp;
    
 		<a href="#" id="remlink2">remove choice</a>
	</div> 

    </div>
    
    <div class="submit" >
      <input type="button" value="Add" id="add" onclick="editElementFun();"/>
      &nbsp;
      <input type="button" value="Cancel" id="cancel" onclick="hideEdit();"/>
    </div>
    
    </div>


</div>
<div id="grey">

</div>
</div>

</div>

</body>
</html>
